<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formMovCtaBancaria">

                    <p:panel header="#{message['movctabancaria.formulario.panel.titulo']} DE #{BKMovCtaBancaria.seleccionarMovCtaBancaria.tipoMovimiento eq 'E'?'ENTRADA':'SALIDA'}" style="width:100%; margin:10px auto;">

                        <p:panelGrid style="width:100%;margin: 10px auto;"> 
                            <p:row> 
                                <p:column style="width: 180px">
                                    <h:outputText id="lblFormCtaBancaria_CuentaBancaria" value="#{message['movctabancaria.formulario.cuentabancaria']}" styleClass="lblForm" />
                                </p:column>
                                <p:column style="width: 300px">	
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.idCuentaBancaria.numeroCuenta}" />
                                </p:column>
                                <p:column style="width: 160px">
                                    <h:outputText id="lblFormCtaBancaria_TipoMoneda" value="#{message['movctabancaria.formulario.tipomoneda']}" styleClass="lblForm" />
                                </p:column>
                                <p:column>	
                                    <h:outputText id="txtFormCtaBancaria_TipoMoneda" value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.idCuentaBancaria.idTipoMoneda.nombre}" /> 
                                </p:column>
                            </p:row>   
                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Monto" value="#{message['movctabancaria.formulario.monto']}" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <h:outputText id="txtFormCtaBancaria_Monto" value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.monto}" >
                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2"/>
                                    </h:outputText>	
                                </p:column>
                                
                                <p:column>
                                    <h:outputLabel id="lblFormCtaBancaria_FechaEmision" value="FECHA DE EMISIÓN" styleClass="lblForm" />
                                </p:column>                                    
                                <p:column>
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.fechaMovimiento}" > 
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column> 
                            </p:row>
                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Forma" value="FORMA" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.formaMovimiento}" /> 
                                </p:column>
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Num" value="Nº DE #{BKMovCtaBancaria.seleccionarMovCtaBancaria.formaMovimiento}" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.numFormaMovimiento}" />
                                </p:column>
                            </p:row> 
                            <p:row rendered="false"> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Estado" value="#{message['movctabancaria.formulario.estado']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.descEstadoMovimiento}"/>
                                </p:column>
                            </p:row>    
                            <p:row> 
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Motivo" value="#{message['movctabancaria.formulario.motivo']}(*)" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.motivo}" />
                                </p:column>
                                <p:column>
                                    <h:outputText id="lblFormCtaBancaria_Desc" value="DESCRIPCIÓN" styleClass="lblForm" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKMovCtaBancaria.seleccionarMovCtaBancaria.descripcion}" />
                                </p:column>
                            </p:row>    


                        </p:panelGrid>
                        <h:panelGrid columns="2" cellpadding="10">
                            <p:commandButton action="#{MBMovimientoCuentaBancaria.cancelar()}" id="btnCancelar"
                                             ajax="false" value="#{message['general.button.cancelar']}" immediate="true" />
                        </h:panelGrid>
                    </p:panel>
                </h:form>
            </f:view>
        </ui:define>
    </ui:composition>    
</html>  
